<template>
  <div>
      <!-- 商品 -->
      <!-- <div class="goods">
            <div>
                <img src="https://gw.alicdn.com/bao/uploaded/i1/2200675777873/O1CN01pwj7Sb281t0WOJHii_!!0-item_pic.jpg_300x300q90.jpg_.webp">
                1
            </div>
            2
      </div> -->


    <div class="goods">
        <div>
            <img width="120" src="https://gw.alicdn.com/bao/uploaded/i1/2200675777873/O1CN01pwj7Sb281t0WOJHii_!!0-item_pic.jpg_300x300q90.jpg_.webp">
        </div>
        <div>
            <p>60大包400张抽纸纸巾整箱家用实惠装卫生纸擦手纸餐巾纸面巾纸批</p>
            <p>价格</p>
        </div>
    </div>

      <!-- 
          当我们给元素设置为弹性盒子之后，里面的子元素会默认沿着主轴排列。
       -->
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
*{
    padding: 0;
    margin: 0;
}
.goods{
    width: 300px;
    height: 200px;
    border: 2px solid red;
    display: flex;
}
</style>